<template>
  <div class="home">
    <baiDuMap class="home-bmap"></baiDuMap>
    <goodHeader class="home-header" :title="title"></goodHeader>
    <pluginLeft class="home-left"></pluginLeft>
    <pluginRight class="home-right"></pluginRight>
    <pluginBottom class="home-bottom"></pluginBottom>
  </div>
</template>
<script>
import baiDuMap from './pluginMap/index.vue';
import goodHeader from '@com/goodHeader/index.vue';
import pluginLeft from './pluginLeft/index.vue';
import pluginRight from './pluginRight/index.vue';
import pluginBottom from './pluginBottom/index.vue';
export default {
  components:{
    baiDuMap,
    goodHeader,
    pluginLeft,
    pluginRight,
    pluginBottom,
  },
  data() {
    return {
      title:'插件写的地图'
    };
  },
};
</script>
<style lang="scss" scoped>
.home{
  .home-header{

  }
  .home-bmap{
    height: 100vh;
    width: 100vw;
    position: absolute;
  }
  .home-left{
    position: absolute;
    left:companyW(20vw)
  }
  .home-right{
    position: absolute;
    right:companyW(20vw)
  }
  .home-bottom{
    position: absolute;
    left: 50%;
    bottom: companyH(20vh);
    transform: translate(-50%,0);
  }
}
</style>
